/*!
 
 */
/***css login*****/
.login-bg{height:300px;
	width: 100%;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#0080C0;
	content: "";
	z-index: 0}

.container{background: #fff;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; width:500px;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
  border-radius: 2px;
  margin-top:25px;}
.container-none{ box-shadow:none; padding-top:10%; background-color:transparent;}
.error-404{font-size:100px; line-height:80px; color:#999; text-align:center;}
.error-404 p{ font-size:14px; line-height:24px; font-weight:normal;}

.logo{margin-top:50px; box-shadow:none; background-color:transparent; width:350px;}
.logo img{width:100%;}
.input-style {margin:50px 60px 50px 30px;}

.input-group{ margin-bottom:20px;}

.input-group-addon{background:none; border:0px; background:url(../img/icon.png) no-repeat; background-color:#FFF; height:18px; padding:10px 22px 0px 20px;}
.icon-user{ background-position:1px -55px;}
.icon-password{background-position:1px -82px;}

.form-control{border:0px; border-bottom:2px #CCC solid;
 box-shadow:none;}
.form-control:focus{border:0px;border-bottom:2px #03F solid;box-shadow:none;}
.text-error{color:#a94442}
	
.btn{background-color:#0080C0; display:block; line-height:32px; margin-left:36px; margin-top:8px; font-size:16px; border-radius: 4px;}
.btn1{width:33%; height:42px; float:left; color:#FFF;}
.btn-login{color:#FFF}
.btn:hover, .btn:focus, .btn-login:focus, .btn-login:hover{ color:#FFF; background:#0773a8;}
.checkbox label{padding-left:25px;position:relative;color:#999;}
.btn-white{background-color:#fff; color:#0080c0; display:block; line-height:32px; margin-left:20px; margin-top:8px; font-size:16px; border-radius: 4px; border:1px solid rgba(0,0,0,.1);}
.btn-white:hover, .btn-white:focus{ color:#FFF; background:rgba(0,0,0,.1); border:0px;}


.checkbox input{top:0; left:0; margin-left: 0!important;z-index:1; cursor:pointer; opacity:0; filter: alpha(opacity=0); margin-top:0}
.checkbox .input-helper:before,
.checkbox .input-helper:after{
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	content: ""}
.checkbox .input-helper:before, .input-helper:before{left:0; border:1px solid #ccc}
.checkbox.disabled, .checkbox input {width: 17px; height: 17px}
.checkbox input:checked + .input-helper:before {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)}
.checkbox input:checked + .input-helper:after {
	-webkit-transform: scale(1) rotate(-50deg);
	-ms-transform: scale(1) rotate(-50deg);
	-o-transform: scale(1) rotate(-50deg);
	transform: scale(1) rotate(-50deg);
	opacity: 1;
	filter: alpha(opacity=100)}
.checkbox .input-helper:before{top:0;width:17px; height: 17px; border-color:#CCC;}
.checkbox .input-helper:after {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0) rotate(80deg);
	-ms-transform: scale(0) rotate(80deg);
	-o-transform: scale(0) rotate(80deg);
	transform: scale(0) rotate(80deg);
	width: 22px;
	height: 9px;
	border-bottom: 2px solid #0080C0;
	border-left: 2px solid #0080C0;
	border-bottom-left-radius: 2px;
	left: -1px;
	top: 1px}


.footer-login{width:auto; height:30px; line-height:30px; text-align:center; color:#999; margin:12px; clear:both;}

@media (max-width: 767px) {
	.container{width:320px; margin-top:20px;}
	.logo{width:300px; margin-top:50px;}
	.input-style {margin:50px 25px 50px 15px;}
	.input-group-addon{padding:10px 20px 0px 10px;}
	.btn{margin-left:30px;}}
	
@media (min-width:1200px) {
	.container{width:540px; margin-top:25px;}
	.logo{width:360px; margin-top:60px;}
	.input-style{margin:50px 50px 50px 30px;}
	.input-group-addon{padding:15px 30px 0px 10px;}
	.btn{margin-left:35px;}}




/***css 修改密码*****/
.lj{ background-color:#f0f1f3;}
.lj li{ font-size:12px; color:#999; font-weight:normal;}
.panel{ background-color:transparent; border:0px; box-shadow:none;}
.input-m{border-radius:0px; border:1px #CCC solid; background:rgba(255,255,255,0.5); height:42px;}
.input-m:hover, .input-m:focus{border-radius:0px; border:1px #CCC solid; box-shadow:0 1px 2px rgba(9, 97, 171, 0.27); background:rgba(255,255,255,1);}
.btn-sure{ color:rgba(255,255,255,.9); text-align:center; margin-top:10px; margin-left:-36px;}
.mmqr{text-align:left; padding-top:12px; padding-left:27.2%; clear:both;}
.mmqr-q, .mmqr-z, .mmqr-r{float:left; width:50px; height:18px;margin-right:1px;}
.mmqr-r{ background-color:#F30;}
.mmqr-z{background-color:#06C;}
.mmqr-q{background-color:#090;}
.mmqr-normal{background-color:#CCC;}
.text-r{ color:#F30; text-indent:10px;}


.main{width:100%; margin-top:3%; position:relative;}
.panel1{width:60%;}

label{font-weight:normal;}
.error-ts{text-align:left; color:#F60; padding-left:27.2%; text-indent:20px;}
.error-img{ background:url(../img/icon.png) no-repeat; background-position:0px -18px; background-size:16px;background-position-x:28%;}

@media (min-width:768px) and (max-width:991px){
	.form-group{padding-top:8px; z-index:9999;}
	.panel-body1{ padding-left:11%;}
	.col-md-9, .col-md-3{float:left;  padding-right:0px;}
	.col-md-9{ width:80%;}
	.error-ts{ padding-left:25%;}
	.error-img{background-position-x:26%;}
	.mmqr{ padding-left:85px;}
	}


@media (max-width:767px){
	.main{width:100%; margin-top:0px;}
	.panel1{width:100%;}
	.panel-body{ margin-top:0px;}
	.col-md-9{width:100%;}
	.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{ padding-top:1px;}
	.btn-sure{ margin-left:-30px}
	.error-ts{padding-left:26px;}
	label{ padding-top:0px;}
	.mmqr{ padding-left:20px;}
	.error-ts{top:90px;}
	.error-img{background-position-x:25px;}
	}




/****/
.main-alert{ padding:10px 40px 0px 40px;}




/***css 提示*****/
.alert-top{
padding-bottom:10px;
/* Gecko browsers */
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright:0;
/* Webkit browsers */
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius:0;
/* W3C syntax */
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;}
.danger-main, .success-main, .info-main, .warning-main{
background-color:#FFF;
/* Gecko browsers */
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
/* Webkit browsers */
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
/* W3C syntax */
border-top-left-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
.danger-main{border:1px #ffd4d4 solid; border-top:0px;}
.success-main{border:1px #dbefce solid; border-top:0px;}
.info-main{border:1px #daf0fb solid; border-top:0px;}
.warning-main{border:1px #feefd2 solid; border-top:0px;}
.alert-danger, .danger{
  color:#ba0000;
  background-color:#ffd4d4;
}
.alert-success, .success {
  color:#4a7d28;
  background-color:#dbefce;
}
.alert-info, .info {
  color:#106894;
  background-color:#daf0fb;
}
.alert-warning, .warning {
  color:#b37905;
  background-color:#feefd2;
}
.alert i{float:left; width:24px; font-size:18px; line-height:12px;}
.danger-main i{color:#F00;}
.success-main i{color:#008000;}
.info-main i{color:#0080C0;}

.alert p{padding-left:24px;}

.photo button{    
    position: relative;
    left: -28px;
    top: 22px;
    display: inline;
	width:30%; min-width:120px; color:rgba(16,132,180,.8);
	background-color:#fff; border:1px solid rgba(0,0,0,.2);
	}

.photo{ position:relative;width:120px;}
.photo img{ width:100%;}
.photo a, .photo span{display:none; text-decoration:none}
.photo:hover{cursor:pointer;} 

.photo:hover span{ display:table-cell; position:absolute; background:rgba(0,0,0,.5); background-position:10px 6px; right:15px; bottom:0px; left:15px; width:auto; height:21px; line-height:21px; color:rgba(255,255,255,.7); text-align:center;}

.sex input{ margin-right:3px; margin-top:12px;}
.sex span{ margin-right:15px; position:relative; top:-2px;}

@media (max-width:320px){
	.photo button{top: 2px; }
	}
.panel-body1-left{ }
@media (min-width:768px){
	.panel-body1-left{ padding-left:7%;}
	.modal-dialog {
    	width: 350px;
    	margin: 30px auto;
    }

.control-label img{ float:left; width:78px;}
.author-pic{ background:url(../img/authorize-pic3.png) no-repeat center; width:180px; height:80px; float:left;}
.pic-text1{ text-align:center;margin-bottom:20px;}
.pic-text2{ padding:20px 0px 0px 40px;}
.zh-name{ background:rgba(0,0,0,.2); width:50px; height:10px; float:left; margin-top:6px; margin-right:10px;}

@media (min-width:640px) {
.col-xs{width:500px;}
}
.input-group-text{
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	 display: table-cell;
}
.input-group-text {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
	background: none;
    border: 0px;
    height: 18px;
    padding: 10px 10px 0px 0px;
}
.input-group .form-control1:last-child{border-radius:3px; height:36px;}
.form-control1{ border-bottom:none; border:1px solid #CCC;     border-radius:3px;}
.form-control1:focus{border:1px #03F solid;box-shadow:none;}
.btn2{ padding-left:18px;}
.text1{line-height: 54px; margin-left:10px;}

@media (max-width:640px) {
.btn-sure{margin-left:0px; position: relative;}	
.btn2{ padding-left:0px;}
.btn{ margin-left:0px;}
.btn1{ width:100%;}
.text1{ width:100%; text-align:center; margin:0; float:right;}
.text1 span{ width:100%;}
}

@media (max-width:640px){
	.author-pic{
		background-size: 100%;
    	height: 55px;
    	width: 120px;
		margin-top:5px;}
	.pic-text1{ font-size:12px; margin-top:-5px}
	.control-label img{ width:30%; max-width:60px;}
}
